<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

	<!-- 
		Replace path to template, title, header and body
		with actual data.
	 -->
	<ui:composition template="/templates/template.xhtml">
			<ui:define name="pageTitle">produto</ui:define>
			<ui:define name="pageHeader">Cadastro de Produtos</ui:define>
			<ui:define name="body">
				<h:form id="cria_edita_produto">
				<h:messages />
					<h:inputHidden value="#{produtoBean.produtoAtual.id}" />
					<h:panelGrid columns="3">
						<h:outputLabel value="Nome:" />
						<h:inputText value="#{produtoBean.produtoAtual.nome}" />
						<h:outputText value="" />
						<h:outputLabel value="Descricão:" />
						<h:inputText value="#{produtoBean.produtoAtual.descricao}" />
						<h:outputText value="" />
						<h:outputLabel value="Preço:" />
						<h:inputText value="#{produtoBean.produtoAtual.preco}" >
						<f:convertNumber minFractionDigits="2"/>
						</h:inputText>
						<h:outputText value="" />
						<h:outputLabel value="Unidade de Medida:" />
						<h:inputText value="#{produtoBean.produtoAtual.unidMedida}" />
						<h:outputText value="" />
						<h:outputLabel value="Medida" />
						<h:inputText value="#{produtoBean.produtoAtual.medida}" />
						<h:outputText value="" />
						<h:outputLabel value="Cidade:" />
						<h:inputText value="#{produtoBean.produtoAtual.cidade}" />
						<h:outputText value="" />
						<h:outputLabel value="Estado:" />
						<h:inputText value="#{produtoBean.produtoAtual.estado}" />
						<h:outputText value="" />
						<h:outputLabel value="País de origem:" />
						<h:inputText value="#{produtoBean.produtoAtual.paisOrigem}" />
						<h:outputText value="" />
						
						
						<h:outputLabel value="Categoria:" />
						<h:selectOneMenu id="categoria" value="#{categoriaBean.categoriaAtual.id}">
							<f:selectItem itemValue="" itemLabel="Selecione..." />
							<f:selectItems value="#{categoriaBean.categorias}"/>
						</h:selectOneMenu>
						<h:commandLink action="#{produtoBean.novaCategoria()}" value="add" />
						
						
						<h:outputText value="" />							
						<h:panelGroup>
							<h:commandButton value="Salvar" action="#{produtoBean.inserir()}" />
							<h:commandButton value="Cancelar" action="#{produtoBean.cancelar()}" />
						</h:panelGroup>
						<h:outputText value="" />
					</h:panelGrid>
					
				</h:form>
				
				<h:form id="lista-produtos">
					<h:dataTable value="#{produtoBean.produtos}" var="p" border="1">
						<f:facet name="header">Listagem de Produtos</f:facet>
						<h:column>
						<f:facet name="header">ID</f:facet>
						#{p.id}
						</h:column>
						<h:column>
						<f:facet name="header">Nome</f:facet>
						#{p.nome}
						</h:column>
						<h:column>
						<f:facet name="header">Descrição</f:facet>
						#{p.descricao}
						</h:column>
						<h:column>
						<f:facet name="header">Preço</f:facet>
						<h:outputText value="#{p.preco}">
						<f:convertNumber currencyCode="BRL" type="currency" />
						</h:outputText>
						</h:column>
						<h:column>
						<f:facet name="header">Unidade de Medida</f:facet>
						#{p.unidMedida}
						</h:column>
						<h:column>
						<f:facet name="header">Medida</f:facet>
						#{p.medida}
						</h:column>
						<h:column>
						<f:facet name="header">Cidade</f:facet>
						#{p.cidade}
						</h:column>
						<h:column>
						<f:facet name="header">Estado</f:facet>
						#{p.estado}
						</h:column>
						<h:column>
						<f:facet name="header">País de Origem</f:facet>
						#{p.paisOrigem}
						</h:column>
						<h:column>
						<h:commandLink action="#{produtoBean.editar(p)}" value="Editar" />
						</h:column>
						<h:column>
						<h:commandLink action="#{produtoBean.remover(p)}" value="Remover" />
						</h:column>
					</h:dataTable>
				</h:form>
			</ui:define>
	</ui:composition>

</html>